Day15 XIB起手式

11th鐵人賽

mikewang

團隊G社三劍客

2019-10-01 00:53:22

4693 瀏覽

分享至

20191001

前言

在前面的文章中，我們建立了HelloWorld專案，今天的內容與前面一樣簡單，不過採用xib的方式來實現。
會想寫這一篇文章，是因為之前在看iOS App開發的相關工作，看到有些公司會要求一律使用Xib，不使用storyboard，因此寫了這一篇文章做個紀錄。

現在，我們馬上開始！

練習過程

建立一個HelloWord專案

這邊的內容都與Day13相同，只是專案名稱我們改為HelloWorldXib以作區別。

建立專案請參考Day13
https://ithelp.ithome.com.tw/articles/10221914

專案相關設定與建立xib

將專案中的Main Interface清空 (原本是Main)
將原本的info.plist中的『Storyboard Name』整個刪除
刪除Main.storyboard檔案
刪除ViewController.swift (可略過)

建立XIB檔案

建立一個新的xib檔案，使用快速鍵『cmd + N』新增檔案
，選擇Cocoa Touch Class
輸入檔案名稱，記得『Also create XIB file』要勾選
選擇檔案路徑，按下Create

到此已經建立XIB檔與ViewController.swift檔

在XIB檔內加入label的UI相關部分，以及之前的程式碼，請參考前面文章，這邊就不再說明

程式碼調整

由於程式啟動時，還不知道我們的初始畫面為HelloViewController.xib，因此，我們的程式碼要做些調整

AppDelegate程式碼部分

// iOS12 & before work
    var window: UIWindow?

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.
        
        let rootVC = HelloViewController(nibName: String(describing: HelloViewController.self), bundle: nil)

        window = UIWindow(frame: UIScreen.main.bounds)
        window?.rootViewController = rootVC
        window?.makeKeyAndVisible()
        
        return true
    }

首先建立一個HelloViewController
建立一個UIWindow
並將根視圖設定為rootVC
此修改僅適用iOS12 & before適用

修改 SceneDelegate.swift (for iOS13)

//guard let _ = (scene as? UIWindowScene) else { return }

// 將上面的上面註解的程式碼，修改為以下程式碼
func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {        
    guard let windowScene = (scene as? UIWindowScene) else { return }
        
    let rootVC = HelloViewController(nibName: String(describing: HelloViewController.self), bundle: nil)
    let navController = UINavigationController(rootViewController: rootVC)
        
    window = UIWindow(frame: windowScene.coordinateSpace.bounds)
    window?.windowScene = windowScene
    window?.rootViewController = navController //navController
    window?.makeKeyAndVisible()
}